<!doctype html>
<html lang="en">
<head>
    <title>
        Domino
    </title>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="static/css/all.min.css">
    <link href="static/css/css2.css" rel="stylesheet">
    <link href="static/css/aos.css" rel="stylesheet">
    <link href="static/css/mcss.css" rel="stylesheet">
    <link href="static/css/min-scss.css" rel="stylesheet">
    <link href="static/css/med-scss.css" rel="stylesheet">
    <link href="static/css/lag-scss.css" rel="stylesheet">
    <link rel="stylesheet" href="static/css/bootstrap.min.css" >
    <link rel="stylesheet" href="static/css/bootstrap-theme.min.css">
    <link rel="icon" type="image/png" href="./static/web/mlogo.png">
    <script src='static/js/jquery-1.11.3.min.js'></script>
    <script data-cfasync="false" src="static/js/email-decode.min.js"></script>
    <script src="static/js/bootstrap.min.js" ></script>
    <script src="static/js/aos.js"></script>
    <script src="static/js/app.4926c6d1.js"></script>


</head>
<body class="fixed_header">
<noscript>
    <iframe src="javascript:;" height="0" width="0" style="display:none;visibility:hidden;" ></iframe>
</noscript>
<div style="background-image: url('./static/web/jx4.png');background-size: 100%;" alt=""  class="po1" ></div>
<div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt=""  class="po2" ></div>
<div style="background-image: url('./static/web/jx3.png');background-size: 100%;" alt=""  class="po3"></div>
<div style="background-image: url('./static/web/jx1.png');background-size: 100%;" alt=""  class="po4"></div>
<div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt=""  class="po5" ></div>
<div style="background-image: url('./static/web/jx2.png');background-size: 100%;" alt=""  class="po6"></div>
<div style="background-image: url('./static/web/jx3.png');background-size: 100%;" alt=""  class="po7"></div>
<div id="header"></div>
<script>
    $(function(){
        $('#header').load('header.html');
    })

</script>
<div style="background-image: url('./static/web/back3.png ');background-size: 100%;" alt="" width="100%"  class="ob1"></div>
<section id="section-title">
    <div class="container-fluid">
        <div class="title-head main-heading typo-syne-h1" data-aos="fade-up" data-aos-duration="2000"
             data-aos-once="false">
            <div class="ob11" >Decentralized Oracle Powered by Domino</div>
        </div>

        <div class="title-down-text" style="display: block;">
            <div class="text-slide-right typo-syne-h4" style="padding-left: 0;">
                <p>Enhance the Safety and Reliability of DeFi Projects</p>
            </div>
            <div style="display: flex;" class="margin-t-20">
                <div style="background-image: url('./static/web/biao.png');background-size: 100%;" alt="" class="wh-22"></div>
                <div class="ob22" >Make the pricing range quickly </div>
            </div>
            <div style="display: flex;">
                <div style="background-image: url('./static/web/biao.png');background-size: 100%;" alt="" class="wh-22"></div>
                <div class="ob22" >High-quality price data</div>
            </div>
            <div style="display: flex;">
                <div style="background-image: url('./static/web/biao.png');background-size: 100%;" alt="" class="wh-22"></div>
                <div class="ob22" >Advanced Security Trigger</div>
            </div>
            <div style="display: flex;">
                <div style="background-image: url('./static/web/biao.png');background-size: 100%;" alt="" class="wh-22"></div>
                <div class="ob22" >Flexible data transactions</div>
            </div>
        </div>
        <div>
            
        </div>
    </div>
</section>

<section id="section-four-features" class="section-three-features section-form" data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">
    <div style="text-align: center;">
        <div style="background-image: url('./static/web/f2.png');background-size: 100%;" width="100%" alt=""></div>
    </div>
    <div  class="od1"></div>
    <div class="">
        <div class="row">
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="First Name"> 
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="Last Name"> 
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="Email">
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="Project Name"> 
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="Project Website">
            <input class="col-lg-4 col-md-4 col-xs-6" type="text" placeholder="The blockchain network that you are using" >
        </div>
  
    </div>
    <div  class="od2"></div>
    <div><button id="b1">Submit<span></span></button></div>

</section>


<script type="text/javascript">
 
    $("#b1").click(function(){

        var v0 =  $("#f1 input").eq(0).val()
        var v1 =  $("#f1 input").eq(1).val()
        var v2 =  $("#f1 input").eq(2).val()
        var v3 =  $("#f1 input").eq(3).val()
        var v4 =  $("#f1 input").eq(4).val()
        var v5 =  $("#f1 input").eq(5).val()

        if(v2==''||v2!==''&&!/.+@.+\.[a-zA-Z]{2,4}$/.test(v2)){
            alert("Please enter the correct email format!"); 
            return
        }

        var first = "First Name: "+ v0 +";    "+"Last Name: "+ v1 +";    "+"Email: "+ v2 +"  ";

        var second = "Project Name: "+ v3 +";    "+"Project Website: "+ v4 +";    "+"Blockchain Network: "+ v5 +"  ";

        var templateParams = {
              title: "Partners",
              p1: first,
              p2: second,
              p3: "",
            };
            //语法 emailjs.send(serviceID, templateID, templateParams, userID);  
            emailjs.send('service_jn4t37i', 'template_op4h1oi', templateParams,"user_EAY5y0YS5gYGkDorb5MR5")
            .then(function(response) {
                alert("success!"); 
                $("#f1 input").eq(0).val("")
                $("#f1 input").eq(1).val("")
                $("#f1 input").eq(2).val("")
                $("#f1 input").eq(3).val("")
                $("#f1 input").eq(4).val("")
                $("#f1 input").eq(5).val("")
            }, function(error) {
                alert("fail!"); 
            });

    })


   
  </script>



<div  class="od3"></div>
<section id="section-three-features" class="section-three-features margin-t-1w" data-aos="fade-up" data-aos-duration="1000" data-aos-once="false" >
    <div style="background-image: url('./static/web/f1.png');background-size: 100%;" alt="" width="100%"></div>
    
    <div class="container-fluid noPadding ">
       
        <div class="od5"></div>
        <div class="card-deck row">
            <div class="col-lg-6 col-md-6 col-xs-6" id="preserve-buying-animations">
                <div  data-aos="fade-up" data-aos-duration="500" data-aos-once="false">
                 
                    <div class="t_card" >
                        <div style="display:flex;align-items: center;">
                            <div style="background-image: url('static/web/biao.png');background-size: 100%;" class="wh-22" ></div>
                            <div>Make the Pricing Range Quickly </div>
                        </div>
                        <div class="top_title">
                            Domino library is a database based on Hyperledger Fbric. It will provide query engine and RESTFUL API for the third-party application programs and external data analysis tools.
                        </div>
                        <div class="ti2" style="background-image: url('static/web/yuan2.png');background-size: 100%;" ></div>
                    </div>
                    
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-xs-6" id="value-stability-animations" >
                <div  data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">
                   
                    <div class="t_card" >
                        <div style="display:flex;align-items: center;">
                            <div style="background-image: url('static/web/biao.png');background-size: 100%;"  ></div>
                            <div>Make the Pricing Range Quickly </div>
                        </div>
                        <div class="top_title">
                            Domino library is a database based on Hyperledger Fbric. It will provide query engine and RESTFUL API for the third-party application programs and external data analysis tools.
                        </div>
                        <div class="ti2" style="background-image: url('static/web/yuan2.png');background-size: 100%;" ></div>
                    </div>
      
                </div>
            </div>
        </div>

        <div class="card-deck row meme" style="margin-top: 100px;">
            <div class="col-lg-6 col-md-6 col-xs-6" id="preserve-buying-animations">
                <div  data-aos="fade-up" data-aos-duration="500" data-aos-once="false">
                 
                    <div class="t_card" >
                        <div style="display:flex;align-items: center;">
                            <div style="background-image: url('static/web/biao.png');background-size: 100%;" class="wh-22" ></div>
                            <div>Make the Pricing Range Quickly </div>
                        </div>
                        <div class="top_title">
                            Domino library is a database based on Hyperledger Fbric. It will provide query engine and RESTFUL API for the third-party application programs and external data analysis tools.
                        </div>
                        <div class="ti2" style="background-image: url('static/web/yuan2.png');background-size: 100%;"></div>
                    </div>
                    
                </div>
            </div>
            <div class="col-lg-6 col-md-6 col-xs-6" id="value-stability-animations" >
                <div  data-aos="fade-up" data-aos-duration="1000" data-aos-once="false">
                   
                    <div class="t_card" >
                        <div style="display:flex;align-items: center;">
                            <div style="background-image: url('static/web/biao.png');background-size: 100%;" class="wh-22" ></div>
                            <div>Make the Pricing Range Quickly </div>
                        </div>
                        <div class="top_title">
                            Domino library is a database based on Hyperledger Fbric. It will provide query engine and RESTFUL API for the third-party application programs and external data analysis tools.
                        </div>
                        <div class="ti2" style="background-image: url('static/web/yuan2.png');background-size: 100%;" ></div>
                    </div>
      
                </div>
            </div>
        </div>
    </div>
</section>

<section  class="section-three-features meme margin-t-14t" data-aos="fade-up" data-aos-duration="1000" data-aos-once="false" >
    <div style="background-image: url('./static/web/cross_tag.png');background-size: 100%;" alt="" width="100%"  ></div>    

    <img style="background-image: url('./static/web/dong.gif');background-size: 100%;" alt="" width="100%"  style="margin: auto;
    display: block;" > 
    
    <div class="flex-center container-fluid boo" >
        <div class="b_card" data-aos="fade-right" data-aos-duration="1000" data-aos-once="false">
            <div style="background-image: url('static/web/pin3.png');background-size: 100%;"  ></div>
            <div class="tt">
                Build a powerful, Open Domino Oracle Network
            </div>
            <div class="">
                Domino library is a database based on Hyperledger Fbric. It will provide query engine and RESTFUL API for the third-party application programs and external data analysis tools.
            </div>
        </div>

        
        <div class="b_card" data-aos="fade-right" data-aos-duration="1500" data-aos-once="false">
            <div style="background-image: url('static/web/pin1.png');background-size: 100%;"  ></div>
            <div class="tt">
                Incentive Oracle
            </div>
            <div class="">
                Create and manage a global, decentralized data network market which Domino is building, and using the unique incentive mechanism to empower the entire Domino public chain network, so that anyone can get benefits from the data they provide.
            </div>
        </div>

        
        <div class="b_card" data-aos="fade-right" data-aos-duration="2000" data-aos-once="false">
            <div style="background-image: url('static/web/pin2.png');background-size: 100%;"  ></div>
            <div class="tt">
                Promote the Next Generation of Embedded
            </div>
            <div class="">
                Dapps Domino is providing the basic parts in the ETH ecosystem and Web 3.0 which is in urgently needed, making it convenience for technical developers to operate and experience. 
            </div>
        </div>
        
    </div>

</section>


<div id="footer"></div>
<script>
    $(function(){
        $('#footer').load('footer.html');
    })

</script>
<script data-cfasync="false" src="static/js/email-decode.min.js"></script>
<script src="static/js/bootstrap.min.js"></script>

<script src="static/js/jquery-1.11.3.min.js"></script>
<script src="static/js/aos.js"
        integrity="sha512-A7AYk1fGKX6S2SsHywmPkrnzTZHrgiVT7GcQkLGDe2ev0aWb8zejytzS8wjo7PGEXKqJOrjQ4oORtnimIRZBtw=="
        crossorigin="anonymous"></script>
<script src="static/js/app.4926c6d1.js"></script>
</body>
</html>